<!-- main/resources/templates/game/query.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>游戏查询结果</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<h2 class="text-2xl font-bold">游戏查询结果</h2>
<table class="table-auto border-collapse border border-gray-400">
  <thead>
  <tr>
    <th class="border border-gray-400 px-4 py-2">ID</th>
    <th class="border border-gray-400 px-4 py-2">名称</th>
    <th class="border border-gray-400 px-4 py-2">价格</th>
    <th class="border border-gray-400 px-4 py-2">库存</th>
    <th class="border border-gray-400 px-4 py-2">描述</th>
    <th class="border border-gray-400 px-4 py-2">图片链接</th>
  </tr>
  </thead>
  <tbody>
  <tr th:each="game : ${games}">
    <td class="border border-gray-400 px-4 py-2" th:text="${game.id}"></td>
    <td class="border border-gray-400 px-4 py-2" th:text="${game.name}"></td>
    <td class="border border-gray-400 px-4 py-2" th:text="${game.price}"></td>
    <td class="border border-gray-400 px-4 py-2" th:text="${game.stock}"></td>
    <td class="border border-gray-400 px-4 py-2" th:text="${game.description}"></td>
    <td class="border border-gray-400 px-4 py-2" th:text="${game.imageUrl}"></td>
  </tr>
  </tbody>
</table>
</body>
</html>